import {Button, Typography, Image} from "antd";

const {Title, Paragraph, Text, Link} = Typography;

import simplePic from "../../../../public/images/shortVideoSimple.png"

const SimpleExample = (props) => {
    return (<>
        <Typography style={{
            textAlign: 'start'
        }}>

            <Title level={2}>说明</Title>

            <Paragraph>
                通过选择上方四个选择框可设定短视频脚本的基本结构，再填入您的相关需求（主题及内容），便可生成您想要的短视频脚本，给您智能化的体验～
            </Paragraph>

            <Title level={2}>示例</Title>

            <Paragraph>
                下面是一个示例：具体内容请自行尝试
            </Paragraph>


            <Paragraph>
                <pre>
                      <img
                          style={{
                              height: 270,
                              width: '100%'
                          }}
                          src={simplePic}
                          alt={''}/>
                </pre>
            </Paragraph>

            <Paragraph>

                <Button type={'primary'} onClick={() => {
                    props.startDraw(true)
                }}>尝试一下</Button>
            </Paragraph>
        </Typography>
    </>)
};


export default SimpleExample;